/*
* name: responsive
* version: v2.1.1
* update: 添加pad竖屏状态Padp
* data: 2017-06-13
*/

/* hide template textarea */
.UnpcPush textarea, .PcPush textarea, .MobilePush textarea, .UnmobilePush textarea{display: none;}

/*
* PcMode
*/
body:after {
    display: block;
    height: 0;
    line-height: 0;
    overflow: hidden;
    visibility: hidden;
    content: 'Pc';
}
.PcMode:after { content: 'Pc' !important;}
.UnpcPush, .MobilePush { display: none;}
img[data-src] { opacity: 0 ; filter: alpha(opacity=0);}
img[data-srcloaded] { opacity:1; filter: alpha(opacity=100); }
/*
* PadMode
*/
@media only screen and (max-width: 1240px) {

    body:after {
        content: 'Pad';
    }
    body{ user-select: none;-webkit-user-select: none;}
    html { overflow-x:hidden;}
    body,input,textarea,button,select { font-size:14px;}
    .PcPush{display: none;}
    .UnpcPush{display: block;}
    .wrap, .mwrap { width:940px; }
    /*padMode 1240px 网站样式*/

    /*head*/
    .inav { width:0; height:0; overflow:hidden; }
    .mobile_key { display:block; }
    .head_posi .drop_layout.show{display:none;}
    .bread_nav .nav_sec{display:none;}
    .head_posi .h_top {width: 26%;}
    .head_posi .h_top .h_top_box{margin-top: 12%;}
    .footer .foot_top{display: none;}

    /*新闻列表*/
    .widget-newslist-10 .hd_btn{margin-left:0;}
    .widget-newslist-10 .inp_box_wrap{margin-right:1%;}
    .widget-newslist-10 .hd_tit{margin-right:2%}
    .widget-newslist-10 .list_hd{padding:30px 20px;}
    .widget-newslist-10 .list_box{padding:46px 10px 40px;}
    .widget-newslist-10 .bd_l{width:10%;}
    .widget-newslist-10 .bd_c{width:74%;}

    /*新闻详细*/
    .widget-newsdetail-8 .n_right { padding-top:0; }
    .widget-newsdetail-8 ._detailPage_bottom { margin-top:10px; }
    .widget-newsdetail-8-tools,._tools { display:none; }
    .widget-newsdetail-8 ._detailPage_bottom ul { padding-right:3%; }

    /*产品详细*/
    .pro_detail .part2 .part_bd .right{ height: 230px; }

    /*公司综合*/
    .company_center .part1 .part_bd li .cont .cont_box{ padding: 14% 10% }

    /*2017-06-29 ysl*/
    /*头部*/
    .head_posi .search_box { display:none; }
    /*通用标题样式1*/
    .uni_column_tit1 { margin-bottom:30px; }
    /*产品-综合*/
    .uni_slide1_wrap .uni_slide1_arrs { display:none; }
    .pro_compre .part1 .uni_slide1_wrap { margin-bottom:50px; }
    /*2017-06-29 ysl end*/


    /*首页*/
    .ipart1_bd .list_box{width:100%;}
    .ipart1_bd .list_text{padding: 3% 0 0 6%;}
    .ibanner_wrap .banner_nav{width:100%;left:0;margin-left:0;}
    .ipart1_bd ul{width:100%;}
    .ipart3_bd .bd_l .bd_main li{ margin-right: 33%; }


    .pro_detail .part2 .part_bd .good_dec{ width: 940px; }
    
    .form_pay01 .inp_box label{width:18%;}
    .form_show01 .content .line .box .name{width:14%;}
}
@media only screen and (max-width: 992px) {
    body:after {
        content: 'Padp';
    }
    .wrap, .mwrap { width:740px; }
    /*padMode 992px 网站样式*/

    /*head*/
    .head_posi .h_top{width: 33%;}

    /*定期公告*/
    .widget-download-4 .download_date{ width: 11%;}
    .widget-download-4 .download_item{ height: auto; line-height: 66px;}
    .widget-download-4 .download_date{ width: 28%; line-height: 100px;}
    .widget-download-4 .download_title{ width: 30%; padding-right: 0; line-height: 100px;}
    .widget-download-4 .item_btn{ float: right; width: 10%; padding-left: 4%; line-height: 100px;}

    /*新闻列表*/
    .widget-newslist-10 .hd_tit{margin-bottom:20px;float:none;text-align:center;}
    .widget-newslist-10 .inp_box_wrap{width:100%;margin:0;padding:0;margin-bottom:20px;}
    .widget-newslist-10 .hd_btn{width:100%;}
    .widget-newslist-10 .bd_r{float: none;width:100%;}
    .widget-newslist-10 .list_main{margin-top: 20px;}
    .widget-newslist-10 .bd_l{width:20%;}
    .widget-newslist-10 .bd_c{width:70%;padding: 0 0 0 5%;}
    .widget-newslist-10 .list_box:after{display:none;}

    /*公司简介*/
    .about .part3 .num_area .number_li{ padding-top: 6%; }

    /*新闻详细*/
    .widget-newsdetail-8 ._head ._title { font-size:24px; }
    .widget-newsdetail-8 .n_left,.widget-newsdetail-8 .n_right,.widget-newsdetail-8 .news_img { width:100%; float:none; }
    .widget-newsdetail-8 .n_left { margin-bottom:20px;}

    /*新闻中心*/
    .news_center .part2_l { margin-bottom:40px; }
    .news_center .part2{ background-size: cover; }

    /*品牌文化*/
    .brand .part2 .li .title{ font-size: 25px; }
    .brand .part2 .li .cont_box{ padding: 15%; }
    .brand .part1 li{ width: 24.6%; }

    /*产品详细*/
    .pro_detail .part1 .img_box,.pro_detail .part1 .cont,.pro_detail .part2 .part_bd .left,.pro_detail .part2 .part_bd .right{ float: none; width: 100%; }
    .pro_detail .part1 .img_box,.pro_detail .part2 .part_bd .left{ margin-bottom: 3%; }
    .pro_detail .part1 .img_box img,.pro_detail .part2 .part_bd .right img{ width: 100%; }
    .pro_detail .part2 .part_bd .right{ height: 510px; }
    .pro_detail .slide_nav{ bottom: 6%; }

    /*公司综合*/
    .company_center .part1 .part_bd li .cont .cont_box{ padding: 7% 10% }

    /*2017-06-29 ysl*/
    
    /*2017-06-29 ysl end*/

    /*首页*/
    .ipart1_bd ul{width:100%;}
    .ipart2_bd .list_box{padding-left:4%;}
    .ipart3_bd .bd_l .bd_main li:after{width:100%;}
    .ipart3_bd .bd_l .bd_main li{margin-right:26%;}
    .ipart3_bd .bd_l,.ipart3_bd .bd_r{min-height:140px;}
    .ipart4 .list_box{padding:0;}
    .ipart3{padding:8% 0;background:#555;}
    .ipart2{background:none;padding:6% 0;}
    .ipart3 .hd_title{font-size:24px;}
    .ipart3 .hd_title02{font-size:18px;font-weight:normal}
    .ipart3 .hd_text{width:100%;}
    .ipart3 .hd_text{margin-bottom:20px;}
    .ipart4 .list_box .list_ico{margin: 12% auto 4%;}
    .ipart_hd .hd_cn{font-size:30px;}
    .ipart2 .ipart_hd ul{overflow: hidden; display: none;}
    .ipart2 .ipart_hd li{float:left;margin-right:4%;}
    .ipart1_bd{margin-top:20px;}
    .ipart_hd .hd_text{padding:0 2%;display:block;}
    .ipart1{padding-top:30px;}
    .ibanner_wrap .banner_nav{bottom:20px;}
    .ipart2_bd{width:60%;}

    .ipart2_bd .list_title{ height: 25px; }
    .ipart2_bd li:first-child .list_text{ display: none; }


     .pro_detail .part2 .part_bd .good_dec{ width: 740px; }

     .pro_detail .part2 .part_bd .right .cover{ bottom:45px;}
     .hp2 .li_box .title{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
     .brand .part1 li .dec{ padding-left: 0; }

     .form_pay01 .inp_box label{width:19%; font-size:14px;}
     .form_show01 .content .line .box .name{width:16%;}

}
/*
* MobileMode
*/
@media only screen and (max-width: 760px) {
    body:after {
        content: 'Mobile';
    }
    body,input,textarea,button,select {font-size:16px;}
    .UnmobilePush{display: none;}
    .MobilePush{display:block;}
    img[data-src]{opacity: 1;}
    .wrap, .mwrap { padding-left:4%; padding-right:4%; width:auto; }
    .mwrap .wrap { padding-left:0; padding-right:0; }

    /*移动端防恶意复制信息*/
    * {
        -webkit-touch-callout:none;  /*系统默认菜单被禁用*/   
        -webkit-user-select:none; /*webkit浏览器*/   
        -khtml-user-select:none; /*早期浏览器*/   
        -moz-user-select:none;/*火狐*/   
        -ms-user-select:none; /*IE10*/   
        user-select:none; 
    }
    input { -webkit-user-select:auto; /*webkit浏览器*/   }
    /*mobileMode 760 网站样式*/

    /*head*/
    .head_posi .h_top .h_top_box{display: none;}
    .mobile_key{margin-right: 0;}
    .head_posi .h_top{ width: 0; }


    /*定期公告*/
    .widget-download-4 .download_date{ line-height: 124px; }
    .widget-download-4 .download_title{ width: 65%; padding-right: 0; line-height: inherit; }
    .widget-download-4 .item_btn{ width: 24%; padding-left: 10%; line-height: 40px; } 

    /*公司简介*/
    .about .part1_l,.about .part1_r{ float: none; width: 100%; }
    .about .part1_l .part1_en{ font-size: 40px; }
    .about .part1_l .title{ font-size: 20px; }
    .about .dec{ font-size: 12px; } 
    .about .part1_r{ margin: 5% 0; }
    .about .part3 .num_area .number_li .num{ font-size: 28px; }
    .about .part3 .num_area .number_li{ font-size: 12px; }
    .about .part3 .num_area .number_li{ padding-top: 21%; } 

    /*招聘职位*/
    .widget-job-2 ._ut{ width: 25%; font-size: 14px; }
    .widget-job-2 ._jcon{ padding-left: 40px; } 

    /*新闻列表*/
    .widget-newslist-10 .list_title{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

    /*新闻中心*/

    .news_center .part2_l .bd_title { font-size:18px; }
    .news_center .part2_r .r_bd_list { padding-left:20px; padding-right:20px; }
    .news_center .part2_r .time_box { float:none; text-align:left; }
    .news_center .part2 .list_main { margin-left:0; width:100%; }

    /*品牌文化*/
    .brand .part1 li{ width: 49%; margin-bottom: 2%; }
    .brand .part2 .li .img_box,.brand .part2 .li .cont{ float: none; width: 100%; }
    .brand .part2 .li .cont_box{ padding: 8% }

    /*产品详细*/
    .pro_detail .part1 .cont .tit{ font-size: 20px; }
    .pro_detail .part1 .cont .para li .li_box .num,.pro_detail .part1 .cont .para li .li_box .para_tit{ font-size: 15px; }
    .pro_detail .part_hd .title{ font-size: 28px; }
    .pro_detail .part3 .learn a{ padding: 4% }
    .pro_detail .part2 .part_bd .right{ height: 236px; }
    .pro_detail .part4 .part_bd li{ margin-bottom: 4%; }
    .pro_detail .part4 .part_bd li:last-child{ margin-bottom: 0; }

    /*公司综合*/
    .company_center .part2{ height: 580px; background: none; }
    .company_center .part1 .part_bd li .img_box, .company_center .part1 .part_bd li .cont{ float: none; width: 100%; }
    .company_center .part2 .part_bd .left,.company_center .part2 .part_bd .right{ float: none; width: 100%; }
    .company_center .part2 .part_bd .right .box_l,.company_center .part2 .part_bd .right .box_r{ float: none; width: 100%; }
    .company_center .part2 .part_bd .left{ height: 27px; overflow: hidden; }
    .company_center .part2 .part_bd .right .box_l .title{ font-size: 30px; }
    .company_center .part2 .part_bd{ height: 445px; }
    .company_center .part2 .part_bd .right .box_l{ margin-bottom: 2%; }
    .company_center .part3 .left, .company_center .part3 .right{ float: none; width: 100%; }
    .company_center .part3 .cont{ font-size: 28px; }
    .company_center .part1 .part_hd .dec{ font-size: 13px; }
    .company_center .part1 .part_bd li .cont .title{ font-size: 30px; }

    /*2017-06-29 ysl*/
    /*产品-综合*/
    /*通用-轮播1*/
    .uni_slide1_wrap .uni_slide1 .cell_msk:after {
        margin-top:-20px;
        margin-left:-20px;
        width:40px;
        height:40px;
        background-size:100% 100%;
        background-position:0 0;
    }
    /*公司-简介*/
    .about .part1_r { margin-left:auto; margin-right:auto; max-width:300px; }
    .about .part3 { padding:10% 0; height:auto; }
    .about .part3 .num_area .number_li { padding-top:0; }
    /*公司-综合*/
    /*.company_center .part2 .part_bd .left {
        float:left;
        width:20%;
        height:auto;
    }*/
    .company_center .part2 .part_bd .right {
        float:right;
        width:80%;
    }
    .company_center .part2 .part_bd .right .box_r {
        max-width:300px;
    }

    .company_center .part1 .part_hd .dec{ width: 100%; margin-left: 0; }
    .company_center .part1 .more{ margin-top: 5%; }
    /*荣誉资质*/
    .hp2 .li_box .img_box { margin:0 auto; max-width:400px; }
    /*产品-列表*/
    .pro_list .img_box { margin-left:auto; margin-right:auto; max-width:400px; }
    .video_list .img_box { margin-left:auto; margin-right:auto; max-width:400px; }
    /*2017-06-29 ysl end*/



    /*首页*/
    .ibanner{height:0;padding-bottom:72%;overflow:hidden;text-align:center;}
    .ibanner_wrap .banner_nav img{display:none;}
    .ibanner_wrap .banner_nav a{width:10px;height:10px;background-color:#fff;border-radius:50%;display:inline-block;margin:0 10px;}
    .ipart1_bd .list_text{padding:0;width:66%;margin-left:4%;}
    .ipart2_bd{width:100%;}
    .ipart2_bd .list_box{padding-left:0;padding-bottom:30px;}
    .ipart4 .list_box{padding: 0 6% 6%;}
    .ipart4{padding:4% 0;}

    /*2017-07-03 ysl*/
    /*产品-综合*/
    .pro_compre .pro_banner .tab_t { 
        margin:0 4% 30px;
    }

    /*发展历程*/
    .history{min-height:0;padding:30px 0;}
    .history_box{height:auto;}
    .history_box .scroll_cell{height:auto;}
    .history_box .scroll_cell{width:100%;margin-bottom:20px;}
    .history_box{margin: 0 30px;height:auto;}
    .history_box .scroll_cell .list_box{position:static;}
    .history_box .scroll_cell.odd .list_dot{display:none;}
    .history_box .scroll_cell .time_box{position:static;}
    .history_box .scroll_cell .box_main{margin:0;padding:4%;height:auto;}
    .history_box .scroll_cell .list_dot{display:none;}
    .history_box .scroll_cell .time_box:after{display:none;}
    .history_box .scrollbar-ui-hover .scroll_bar{display:none!important;}

    .company_center .part2 .part_hd{ padding-top: 10%; margin-bottom: 25px; }
    .company_center .part2 .part_bd .right{ width: 92%; }
    .company_center .part2{ height: auto; }
    .company_center .part2 .part_bd{ height: auto; }
    .company_center .part2 .part_bd .left{ margin-bottom: 6%; }
    .company_center .part3 .txt_wrap{ height: auto; }
    .brand .part1 li{ width: 100%; }
    .uni_pro_list2 .pro_cell{ float: none; width: 100%; }
    .about_hightech .prt1_rt{ margin-left: 0; width: 100%; float: none; }

    .channel-47173 .Form-P1 .Form-P1-Left,.channel-47173 .Form-P1 .Form-P1-right,.channel-47171 .Form-J1 .Form-J1-Left,.channel-47171 .Form-J1 .Form-J1-right{ float: none !important; width: 100% !important; }
    .uni_scroll_list1 .owl-item .scroll_cell{ max-width: none; }
    .banner{ display: none; }
    .head_posi{ position: static; border-bottom: 1px solid #ddd;}
    .head_posi.dh_index{ position: absolute; border-bottom: none;}
    .head_posi .logo > a{ background: url(../img/logo_new.png); }
    .head_posi.dh_index .logo > a{ background: url(../img/logo.png); }
    .ibanner li video{ display: none; }
    .company_center .part3 .left .img_box img, .company_center .part3 .right .img_box img{ max-width: none; width: 100%; }
    .company_center .part3 .left, .company_center .part3 .right{height: 135px;}
    .brand .part1 li .dec{ text-align: center; padding-left: 0;}
    .brand .part1 li .box{ height: auto; padding: 10% 15% 0%; }
    .bread_nav{ display: none; }
    .company_center .hd_title,.company_center .part1 .part_bd li .cont .title,.company_center .part3 .cont{ font-size: 25px; }
    .brand .part2 .li .title{ font-size: 20px; }
    .dh_index .mobile_key{ color: #fff; }
    .uni_column_tit1 .tit_hd,.news_center .hd_title{ font-size: 28px; }
    .ibanner li:first-child{ display: none; }
    .ibanner img{ width: 100%; height: auto; margin-left: 0; position: static;}
    .ibanner{ height: 0; padding-bottom: 67%;}
    .ibanner li a{ width: 100%; position: static; margin-left: 0;}
    .ibanner_wrap .banner_nav{ display: none; }
    .widget-newslist-10 .list_box{ padding: 10px; }
    .pro_compre .pro_banner .banner_con{ padding-top: 0; }
    .pro_detail .part2 .part_bd .right .cover{ bottom: 50px; }
    .pro_detail .part3 .part_bd{ overflow-x: auto; }
    .about_hightech .prt1_lt .prt1_tel{ margin-top: 15px; }
    .about_hightech .part1{ padding-bottom: 50px; }
    .company_center .part2 .part_bd .right .box_r.nopic{ height: 0; }
   /* .head_posi.dh_index .logo,.dh_index .mobile_key{ margin-top: 7px; }*/


    .pro_detail .part2 .part_bd .good_dec{ width: 380px; }
    .parts .parts_bd li .left,.parts .parts_bd li .right{ float: none; width: 100%; }


    .ipart3_bd .bd_l .bd_main li:first-child:after{ display: block; }
    .ipart3_bd .bd_l .bd_main li:last-child:after{ display: none; }

    .form_pay01 .form_left{width:100%;}
    .form_pay01 .form_right{width:100%;}
    .form_pay01 .inp_box label{width:23%;}
    .form_pay01 .tips{margin:15px 0; font-size:14px;}
    .form_show01 .content{padding:0; font-size:14px;}
    .form_show01 .content .line .box{padding:0 5%;}
    .form_show01 .content .line{margin-bottom:10px;}
    .form_show01 .content .line .box .name{width:22%;}
    .main{padding:20px 0;}


}  
@media only screen and (max-width: 480px) {
    /*mobileMode 480 网站样式*/
    /*首页*/
    .ipart3_bd .bd_l .bd_main li:after{left:120%;}
    .ipart3_bd .bd_l .bd_main li{margin-right:24%;}

    /*2017-07-03 ysl*/
    /*产品-综合*/
    .pro_compre .pro_banner .tab_t { 
        margin:0 2% 20px;
        width:44%;
        text-align:left;
    }

    .pro_detail .part2 .part_bd .right .cover{ bottom: 23px; }
    .form_show01 .content .line .box .name{width:27%;}

}